<!DOCTYPE html>
<html>
  <head>
		<title>保洁评价</title>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!-- 插件样式 -->
    <link rel="stylesheet" href="./service/css/style.css">
		<link href="../jsp/css/cleanComment.css" rel="stylesheet">

		<!-- 插件js -->
		<script type="text/javascript" src="../js/jquery-2.1.1.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="./js/zepto.js"></script>
		<script src="./js/sm.js"></script>
		<script src="./js/sm-extend.js"></script>
		<script src="../js/common.js"></script>
		<script src="./js/cleanComment.js" type="text/javascript"></script>
  </head>
  
  <script type="text/javascript">
  window.$$=window.Zepto = Zepto;
  var orderId =$.getUrlParam ("orderId");
  comment.queryPackageDetail();
  </script>
  <body style="background: #fff;">
		<div class="comment-content">
			<div class="order-detail">
				<p>保洁订单：<span id="serviceName"></span></p>
				<p>预约时长：<span id="hours"></span></p>
				<p>预约时间：<span id="serviceDate"></span></p>
				<p>保洁时间：<span id="endServiceDate"></span></p>
<!-- 				<p>保洁用时：<span>02:05:32</span></p> -->
			</div>
			<div class="clean-detail">
				<div class="xing">
					<span>满意度：</span>
					<div class="comment--xing">
						<i class="icon icon-star-full i1" index="1"></i>
						<i class="icon icon-star-full i2" index="2"></i>
						<i class="icon icon-star-full i3" index="3"></i>
						<i class="icon icon-star-full i4" index="4"></i>
						<i class="icon icon-star-full i5" index="5"></i>
					</div>
				</div>
				<div class="remark-box">
					<textarea class="clean-remark" id="content" placeholder="写下对我们的评价..." maxlength="200"></textarea>
					<p class="num-box"><span class="num">0</span>/200字</p>
				</div>
				<p class="clean-tips">感谢你对蓝居的评价，我们会做得更好！</p>
			</div>
			<div class="comment-btn" id="comment-btn">提交评价</div>
		</div>
	</body>
</html>
